.ai-video-box {
  height: 100vh;
  position: relative;
}

.record-box{
	position: fixed;
	font-size: 24rpx;
	color: #fff;
	text-shadow: 1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000,1px 1px 0 #000;
	top: 212rpx;
	right: 32rpx;
	z-index: 9999999;
}

.bottom-shadow{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 240rpx;
	background: linear-gradient( 180deg, rgba(10,7,27,0) 0%, #0A071B 100%);
	z-index: 998;
}

.tip {
  width: 100vw;
  display: flex;
  justify-content: center;
  position: fixed;
  top: 137rpx;
  color: #fff;
}

.qte-box {
  position: absolute;
  width: 100vw;
  bottom: 160rpx;
  z-index: 99999;
}

.actions-box {
  position: absolute;
	width: 100vw;
    height: 100vh;
  z-index: 99999999999;
  display: flex;
  // animation: opacity-show 1s;
// pointer-events: none;
.game-position{
	position: absolute;
	    bottom: 200rpx;
}
.button-text{
	 width: 50%;
	animation: breathe 1s ease-in-out infinite;
	    z-index: 999999999;
		pointer-events: auto;
		
}



  .button-image {
	position: absolute;
    animation: breathe 1s ease-in-out infinite;
	z-index: 999999999;
    flex: 1;
	pointer-events: none;
	width: 100%;
	height: 100%;
	
	.button-image-content{
		position: relative;
		pointer-events: fill;
	
	}
	.action-item-locked{
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background-color: rgba(156, 156, 156, 0.8);
		backdrop-filter: blur(2px);
		// border: 2rpx solid rgba(255,255,255,0.4);
		// border-radius: 8rpx;
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
  }

  .slideGame-box{
	  width: 100vw;
	  height: 100vh;
	  position: absolute;
	  bottom: 200rpx;
	  pointer-events: auto;
  }
  .angryClickGame-box{
	  pointer-events: auto;
  }
}

.goHome{
	right: 150rpx!important;
}

.returnStory {
  position: fixed;
  // bottom: 48rpx;
  right: 54rpx;
  z-index: 999999999;
  
width: 100rpx;
    height: 100rpx;
    bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
	
  .returnStoryImg {
    width: 52rpx;
    height: 96rpx;
  }
}

.thread-box {
  position: fixed;
  // bottom: 52rpx;
  left: 168rpx;
  z-index: 999999999;

width: 100rpx;
    height: 100rpx;
    bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;

  .thread-btn {
    width: 52rpx;
    height: 96rpx;
  }
}
.player-btn-box {
  position: fixed;
  bottom: 45%;
  left: 45%;
  
  .player-btn {
    width: 112rpx;
    height: 112rpx;
  }
}

.storyTree-box {
  position: fixed;
  // bottom: 52rpx;
   left: 64rpx;
  z-index: 999999999;


width: 100rpx;
    height: 100rpx;
    bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;

  .storyTree-btn {
    width: 66rpx;
    height: 93rpx;
  }
}

.button-box{
	width:100rpx;
	// height:88rpx;
	display: flex;
    flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	// background-color: pink;
	.top-img{
		width: 40rpx;
		height: 40rpx;
		margin-bottom: 5rpx;
	}
	.bottom-text{
		display: flex;
		justify-content: center;
		align-items: center;
		font-family: PingFangSC, PingFang SC;
		font-weight: 400;
		font-size: 22rpx;
		color: #FFFFFF;
		line-height: 32rpx;
	}
}


